UI Design
67 Threads
How to create a responsive landing page design in figma π https://t.co/xb9mRA9l0i
β‘οΈ UI design tip - Create a clear visual hierarchy Aim to present information in order of importance by making more important elements look more prominent. Some quick tips to cre...
How to master Font Sizes in UI π¨βπ¨ https://t.co/CSmaepeaM7
You should follow several rules to achieve a clean and smooth UI design. In this post, Iβm mentioning must-know five of these aspects. π₯ Retweets are highly appreciated! π https:/...
How to master spacing in UI π https://t.co/P1iTvAehBO
UI Designers can drastically improve how their designs look by learning the basic design principles and UX laws. Here's where to look π
β‘οΈ UI design tip - Use colour purposefully Use colour sparingly and with purpose. Apply the brand colour to interactive elements like text links and buttons. This helps teach pe...
How to master spacing in UI π https://t.co/eKwrr8yBLC
β‘οΈ UI design tip - Be careful when modifying traditional form field styles To help avoid usability issues, itβs safest to stick with traditional form field styles as they're famil...
New Friday @figma Tip β‘οΈ How to prepare prototype with button component that highlights while hovering. #figma #uidesign π https://t.co/0QOV61RmFG
β‘οΈ UI design tip - Use an autocomplete instead of a long dropdown β Don't force people to scroll through a long list of options in a dropdown β Use an autocomplete text field to...
β‘οΈ UI design tip Iβve been doing buttons wrong! π± Have you? π€ After nearly 2 decades looking at buttons, I've noticed that most of them have usability and accessibility issues....
11 Awesome Web Development Libraries That Will Help With Your Next React Project:
β‘οΈ UI design tip - Use the inverted pyramid The inverted pyramid is a writing structure in which the most important information is placed at the start, followed by supporting info...
β‘οΈ UI design tip - Try to avoid using multiple alignments Aligning interface elements can be tricky. Sticking with a single alignment (or as few as possible) helps to simplify an...
β‘οΈ UI design tip - A trick with UPPERCASE β Uppercase text can be difficult to read, so itβs best to minimise its usage. To make uppercase more legible: β Decrease its size β ...
The UX behind my design process π https://t.co/dEJpullYzi
π The making of my UI design book - Practical UI In the lead up to the release of my book on 28 November 2022, I thought Iβd share a quick behind the scenes look at the making of...
How to master spacing in UI π https://t.co/ViZRakR079
Quick tips to master grids in UI π https://t.co/7O7vtV5Pf8
The ULTIMATE GUIDE to UI FONT SIZES by @uiuxadrian https://t.co/rOiIUnGQRM
π§βπ» Be a Full Stack Web Developer for FREE People consume 100s of resources and spend $1000s but fall into tutorial hell. Follow this simple roadmap and gem resources. β©
Free design websites that should be illegal to know (mega thread):
There are 1,980,000,000 websites on the internet. But only a fraction of them can help you become a better web developer and speed up your work. I'll list 10 websites that are w...